Frontend Forever App
We have a mobile app for you to download and use. And you can unlock many features in the app.
Get it now
Intall Later
Run
HTML
CSS
Javascript
Output
div#container { top:50%; left:50%; transform: translate(-50%,-50%); position:absolute; } svg { cursor:pointer; } rect.checked { fill:#48EA8B; }
$(function(){ var rect = $("svg").find("rect") var ellipse = $("svg").find("ellipse"); $("svg").on('click', ()=>{ rect.toggleClass("checked"); if(rect.hasClass("checked")){ TweenLite.to(ellipse, 0.25, {attr: {"cx": 60.911, "rx":1.108, "ry":8.17}}) } else { TweenLite.to(ellipse, 0.25, {attr: {"cx": 28.911, "rx":9.028, "ry": 9.028}}) } }) })